@charset "utf-8";

/* resetowanie defaultowych ustawien przegladarki */

html, body { width:100%; height:100%; background:#FFF; }
body {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #303030;
    background-color: #FFF;
    margin: 0px;
    padding: 0px;
}
input, select {
    margin: 0;
    padding: 0;
    line-height: 1em;
    font-size: 1em;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}
img      { border:0; margin:0; }
form     { margin:0; }
:focus   { outline:0; }

input[type="text"] {
  border: 1px solid #afbccb;      
  border-radius: 3px;
  padding: 5px;
  height: 26px;
  display: table-cell;
  width: 99%;
  margin-right: 10px;
}

input[type="text"]:hover, input[type="text"]:focus {
  border-color: #69b;
  color: #000;
}


/* login page */

#login {
    padding-top: 80px;
    text-align: center;
}
#loginBox2 {
    position: relative;
    width: 570px;
    margin: 0 auto;
    text-align: left;
}
#loginBox1 {
    margin: 0 auto 3px auto;
    padding: 1px;
    background: #fff;
    border: solid 1px #80B1FF;
    text-align: left;
    border: solid 1px #A6B0BB;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
#loginBox0 {
    padding: 20px;
    margin: 0;
    background: #EEF2F8;
}
#login h1 {
    margin: 0;
    padding: 0 0 0 20px;
    height: 30px;
    line-height: 30px;
    color:#fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    background: #5171A9 url('/static/img/login/title_bg.png') repeat-x 0 0;
    border-bottom: solid 1px #274578;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -khtml-border-radius-bottomleft: 0;
    -khtml-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
#loginForm {
    margin: 0;
    background: url('/static/img/login/login_form_bg.png') no-repeat 453px 2px;
}
#loginBox0 p {
    font-size: 12px;
    line-height: 16px;
}
div.alertBox, div.infoBox, div.notifyBox {
    margin: 8px 0 18px 0;
    padding: 10px 10px 10px 53px;
    min-height: 24px;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
div.alertBox {
    border: solid 1px #FF5A4B;
    background: #FFD6D2  url('/static/img/login/ico_infobox.gif') no-repeat 15px -390px;
}
div.infoBox {
    border: solid 1px #8CD8F3;
    background: #E2F5FC url('/static/img/login/ico_infobox.gif') no-repeat 15px -790px;
}
div.notifyBox {
    border: solid 1px #C6D880;
    background: #E8FDCB url('/static/img/login/ico_infobox.gif') no-repeat 15px 10px;
}
.loginFormHelpLink {
    margin:0;
    background: url('/static/img/login/home-pl.gif') no-repeat 0 0;
    height:20px;
    text-align: right;
}
#loginForm div {
    clear: both;
    padding: 8px 0 0 0;
    overflow: hidden;
}
#loginForm label {
    float: left;
    width: 180px;
    text-align: right;
    font-size: 12px;
    line-height: 23px;
}
#loginForm div.loginFormLabelDiv {
    clear: none;
    float: left;
    width: 180px;
    text-align: right;
}
#loginBox0 a {
    position: relative;
    font-weight: bold;
    color: #274578;
    text-decoration: none;
    border-bottom: dashed 1px #7393C5;
}
#loginBox0 a:hover {
    color: #4b73b3;
    border-bottom: solid 1px #7393C5;
}
#loginForm label.loginFormLabelChecbox {
    width: 240px;
    text-align: left;
    font-weight: normal;
    margin-left: 5px;
    font-size: 11px;
}
.loginFormInput {
    display: inline;
    float: left;
    width: 220px;
    margin-left: 5px;
    background: #fff;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    padding:4px;
    border:1px solid #888;
    -webkit-border-radius:2px;
    -khtml-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}
.loginFormCheckbox {
    float: left;
    margin: 5px 0 0 5px;
}
.loginFormButtons {
    clear: both;
    margin: 5px 0 15px 0;
    padding: 0;
    text-align: center;
}
input.button.loginFormEnterButton {
    margin: 0;
    width:100px;
    height:31px;
    line-height:31px;
    font-size: 12px;
}
a.loginLangSwitch {
    float: right;
    bottom:0;
    right:30px;
    color:#666;
    text-decoration:none;
    border-bottom:dashed 1px #aaa;
    margin-left: 10px;
}
a.loginLangSwitch:hover {
    color:#333;
    border-bottom:solid 1px #333;
}
#loginBanner {
    position: relative;
    width: 570px;
    margin: 50px auto 0 auto;
    text-align: center;
}
input[type="checkbox"] {
    background-color: transparent;
}
#loginBox0 p.loginFormOld {
    overflow: hidden;
    margin: 0px 0 5px 0;
    text-align: right;
}







/* css general */

.red        { color:red; }
.gray       { color:#808080; }
.b          { font-weight:bold; }
.left       { float:left; }
.right      { float:right; }

.a-left     { text-align:left; }
.a-center   { text-align:center; }
.a-right    { text-align:right; }
.v-top      { vertical-align:top; }
.v-middle   { vertical-align:middle; }
.v-bottom   { vertical-align:bottom; }

.no-display { display:none; }
.no-wrap    { white-space:nowrap; }
.clip       { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.clear      { clear: both; height: 1px; line-height: 1px; font-size: 1px; margin: 0; padding: 0; }
.pointer    { cursor: pointer; }
.disabled   { background-color: #eee; }

.no-hscroll { overflow-x: hidden;}

.textOverflow {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.textOverflow window {
    width:100%;
    -moz-user-focus:normal;
    -moz-user-select:text;
}
.textOverflow description {
   -moz-user-focus:normal;
   -moz-user-select:text;
}



/* top top */

#top {
    position: relative;
    padding: 4px 10px 6px 10px;
    background: #EDF2F7 url('/static/img/form/top_bg.png') repeat-x 0 0;
    color: #303030;
    border-bottom: solid 1px #CACED2;
    min-width:750px;
    z-index: 5;
    height: 12px;
}
#home-app {
    position: relative;
    float:left;
    min-height:16px;
    margin-right:20px;
    padding-left:20px;
    background: transparent url('/static/img/form/top_icons.png') no-repeat 0 -60px;
    overflow: visible;
}
#home-app span {
    font-weight:bold;
    color:#000;
}
#home-app span.red {
    color:#f00;
}
#top-panel a,
#top-info a {
    position: relative;
    font-weight: bold;
    color: #15428B;
    text-decoration: none;
    border-bottom: dashed 1px #7393C5;
}
#top-panel a:hover,
#top-info a:hover {
    color: #7393C5;
    border-bottom: solid 1px #7393C5;
}
#top-help {
    display: inline;
    float: right;
    background: transparent url('/static/img/form/top_icons.png') no-repeat 0 0;
    padding-left: 21px;
    padding-bottom: 1px;
    margin-left: 10px;
}
#top-panel-login {
    float: right;
}
#top-panel-logout {
    float: right;
    min-height: 16px;
    padding-left: 21px;
    margin-left: 10px;
    background: transparent url('/static/img/form/top_icons.png') no-repeat 0 -30px;
}
#top-panel-login-name {
    font-weight: bold;
}
#top-panel-status {
    margin-left: .5em;
}
#top-orion-link {
    margin-right: 15px;
    font-weight: bold;
    text-decoration: none;
    padding-left: 10px;
    border-bottom: 1px dashed #7393C5;
    color: #15428B;
}
#top-orion-link:hover {
    color: #4083C5;
    border-bottom: 1px solid #4083C5;
}


